﻿

<html>
<head>
<title>CSS3 Border Right Width Test</title>

<style type="text/css">
h3 {border-right-width: 15px; border-right-style: solid;}
h4 {border-right-width: 30px; border-right-style: solid;}
em {border-right-width: 45px; border-right-style: solid;}
blockquote {border-right-width: 200%; border-right-style: solid;}
p {border-right-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Right Width Test</h1>





<ul>
<li >
For "border-right-width", initial is "medium", it applies to all elements,
it is not inherited, percentages refer to width of containing block, media is visual,
and computed value is specified value.
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is correct, this paragraph should have 
border right width of UA-default.  A CSS rule of "border-right-style: solid" is applied.  However, the
border right width property does apply to the p element.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</p>
<h3>
This h3 heading has a border right width of 15px, but this <em>emphasized text
</em> has a border right width of 45px; the rules applied are:
"h3 {border-right-width: 15px;}"
"em {border-right-width: 45px;}"
So the border right width property applies to the h3 and em elements.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h3>
<h4>
This h4 heading has a border right width property of 30px (because of the
rule "h4 {border-right-width: 30px;}", but these <i>italicized words</i>
have a border right width of UA-default, because the border-right-width
property does not inherit. 
However, the border right width property does apply to the h4 and i elements.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h4>
<blockquote>
This blockquote element should have a UA-default border right width.  The
nonsensical rule "blockquote {border-left-width: 200%}" should be ignored,
but the border-right-width property does apply to the blockquote element.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</blockquote>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above.  Rule "border-right-style: solid" is applied to
all CSS rules, to make the border visible.
</p>

</body>
</html>
